<!--
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->

<!-- 공통 설정 -->
<div class="ddp-ui-chart-side ddp-show">
  <div class="ddp-filter">
    <!-- title -->
    <div class="ddp-ui-side-title">
      {{'msg.page.ui.common' | translate}}
    </div>
    <!-- //title -->
    <div class="ddp-wrap-downmenu">
      <div class="ddp-box-down">
        <div class="ddp-wrap-divide">
          <div class="ddp-divide2">
            <!-- slider -->
            <div class="ddp-wrap-option-slider">
              <span class="ddp-label-slider">{{'msg.page.common.map.layer' | translate}}</span>
            </div>
            <!-- //slider -->
            <div class="ddp-list-sub2">
              <!-- divide -->
              <!--<div class="ddp-divide2">-->
                <!--<div class="ddp-list-label">{{'msg.page.common.map.layer.service' | translate}}</div>-->
                <!--&lt;!&ndash; SELECTBOX &ndash;&gt;-->
                <!--<component-select-->
                  <!--[array]="mapServiceList"-->
                  <!--[defaultIndex]="findServiceDefaultIndex()"-->
                  <!--[viewKey]="'name'"-->
                  <!--(onSelected)="setMapService($event)"-->
                <!--&gt;</component-select>-->
                <!--&lt;!&ndash; //SELECTBOX &ndash;&gt;-->
              <!--</div>-->
              <!-- //divide -->

              <!-- divide -->
              <div class="ddp-divide2">
                <div class="ddp-list-label">{{'msg.page.common.map.layer.map.style' | translate}}</div>
                <!-- SELECTBOX -->
                <component-select
                  [array]="mapStyleList"
                  [defaultIndex]="findStyleDefaultIndex()"
                  [viewKey]="'name'"
                  (onSelected)="setMapStyle($event)"
                ></component-select>
                <!-- //SELECTBOX -->
              </div>
              <!-- //divide -->
              <!-- divide -->
              <div class="ddp-divide2">
                <div class="ddp-list-label">{{'msg.page.common.map.layer.license' | translate}}</div>
                <input type="text" class="ddp-input-typebasic" placeholder="" [(ngModel)]="uiOption.licenseNotation" (keyup.enter)="setLicense()">
              </div>
              <!-- //divide -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- //공통 설정 -->
